.farther{
    background-color:white;
    width: 970px;
    height: 103px;
    margin-bottom: 10px;
}
.box1{
    background-color: red;
    width: 277px;
    height:103px;
    float: left;
}
.box2{
    background-color:lightgreen;
    width: 137px;
    height:49px ;
    float: right;
    margin-bottom: 8px;
}
.box3{
    background-color: lightgreen;
    width:679px;
    height: 46px;
    float: right;
}
.farther2{
    width: 970px;
    height: 435px;
    background-color: white;
    margin-bottom: 10px;
}
.box4{
    width: 310px;
    height: 435px;
    background-color: orange;
    float: left;
}
.box5{
    width: 190px;
    height: 400px;
    background-color: mediumslateblue;
    float: right;
    margin-left: 10px;
}
.box6{
    width: 450px;
    height: 240px;
    background-color:deepskyblue;
    float: right;
    margin-bottom: 10px;
}
.box7{
    width: 450px;
    height: 110px;
    background-color:deepskyblue;
    float: right;
    margin-bottom: 10px;
}
.box8{
    width: 450px;
    height: 30px;
    background-color:deepskyblue;
    float: right;
    margin-bottom: 10px;
}
.box9{
    width: 650px;
    height: 25px;
    background-color:green;
    float: right;
}
.farther3{
    width: 970px;
    height: 35px;
    background-color:blue;

}
